<template>
    <div id="tag">

        <ul> 
            <li>
                <img src="img/sign.png" alt="">
                <div>签到</div>
            </li>
            <li>
                <img src="img/gift.png" alt="">
                <div>礼券</div>
            </li>
            <li @click="goCut()">
                <img src="img/down.png" alt="">
                <div>砍价</div>
            </li>
            <li @click="goTop()">
                <img src="img/topic.png" alt="">
                <div>专栏</div>
            </li>
        </ul>
    
    </div>
</template>

<script>
export default {
    data() {
        return {
            
        }
    },
    methods: {
        // 全民砍价 列表
        goCut(){
            this.$router.push("/Downlist");
        },
        // 精选专题 列表 严选专栏
        goTop(){
            this.$router.push("/Topiclist");
        }
    },
}
</script>

<style lang="scss">
#tag{
    width:100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    ul{
        width: 100%;
        height: 100%;
        border-radius: 0.8rem 0.8rem 0 0;
        background-color: #fff;
        li{
            width:25%;
            height:100%;
            float: left;
            text-align: center;
            img{
                width:48%;
                margin-top: 10px;
            }
            div{
                margin:0.1rem 0;
            }
        }
    }
}
</style>